<div class="main-content">
	<!-- #section:basics/content.breadcrumbs -->
	<div class="breadcrumbs" id="breadcrumbs">
		<script type="text/javascript">
			try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
		</script>

		<ul class="breadcrumb"><li>
			<i class="ace-icon fa fa-th-large th-large-icon"></i> 系统管理 <i class="ace-icon fa fa-angle-double-right"></i> 图片管理 
		</li></ul><!-- /.breadcrumb -->
	</div>

	<!-- /section:basics/content.breadcrumbs -->
	<div class="page-content">
		<!-- #section:settings.box -->
		<div class="ace-settings-container" id="ace-settings-container" style="margin-top:-48px;">
			<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
				<i class="ace-icon fa fa-cog bigger-150"></i>
			</div>
			<div class="ace-settings-box clearfix" id="ace-settings-box">
				<div class="pull-left width-50">
					<!-- #section:settings.skins -->
					<div class="ace-settings-item">
						<div class="pull-left">
							<select id="skin-colorpicker" class="hide">
								<option data-skin="no-skin" value="#438EB9" <?=!isset($_COOKIE['ace_skin'])||$_COOKIE['ace_skin']!='no-skin'?'selected':''?> >#438EB9</option>
								<option data-skin="skin-1" value="#222A2D" <?=isset($_COOKIE['ace_skin'])&&$_COOKIE['ace_skin']=='skin-1'?'selected':''?> >#222A2D</option>
								<option data-skin="skin-2" value="#C6487E" <?=isset($_COOKIE['ace_skin'])&&$_COOKIE['ace_skin']=='skin-2'?'selected':''?> >#C6487E</option>
								<option data-skin="skin-3" value="#D0D0D0" <?=isset($_COOKIE['ace_skin'])&&$_COOKIE['ace_skin']=='skin-3'?'selected':''?> >#D0D0D0</option>
							</select>
						</div>
						<span>&nbsp;肤色切换</span>
					</div>

					<!-- /section:settings.skins -->

					<!-- #section:settings.navbar -->
					<div class="ace-settings-item">
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
						<label class="lbl" for="ace-settings-navbar">&nbsp; 固定导航</label>
					</div>

					<!-- /section:settings.navbar -->

					<!-- #section:settings.sidebar -->
					<div class="ace-settings-item">
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
						<label class="lbl" for="ace-settings-sidebar">&nbsp; 固定菜单栏</label>
					</div>
					<!-- /section:settings.sidebar -->
					
					<!-- #section:settings.container -->
					<div class="ace-settings-item">
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
						<label class="lbl" for="ace-settings-add-container">&nbsp; 宽窄屏切换</label>
					</div>
					<!-- /section:settings.container -->
				</div><!-- /.pull-left -->

				<div class="pull-left width-50">
					<!-- #section:basics/sidebar.options -->
					<div class="ace-settings-item">
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" />
						<label class="lbl" for="ace-settings-hover">&nbsp; 内级栏目切换</label>
					</div>

					<div class="ace-settings-item">
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" />
						<label class="lbl" for="ace-settings-compact">&nbsp; 菜单栏切换</label>
					</div>

					<div class="ace-settings-item">
						<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" />
						<label class="lbl" for="ace-settings-highlight">&nbsp; 当前菜单凸显</label>
					</div>
					<!-- /section:basics/sidebar.options -->
				</div><!-- /.pull-left -->
			</div><!-- /.ace-settings-box -->
		</div><!-- /.ace-settings-container -->

		<!-- /section:settings.box -->
		<div class="page-content-area">
			<div class="row">
				<div class="col-xs-6 col-sm-2" style="margin-top:10px;margin-bottom: 10px;">
					<button class="btn btn-yellow btn-sm" data-rel="tooltip" title="推送所有图片" onclick="pstpic(0,this)">推送所有图片</button>
				</div>
				<div id="getPictrure">
					<div class="col-xs-12 col-sm-4 col-lg-3" style="margin-top:10px;">
						<input type="text" name="keyword" placeholder="关键字搜索酒店" data-rel="tooltip" title="关键字搜索酒店">
						<button type="button" class="btn btn-sm pull-left btn-default" onclick="search()">搜索</button>
					</div>
					<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2" style="margin-top:10px;">
						<select class="form-control" name="hotel" placeholder="酒店选择" data-rel="tooltip" title="酒店选择" style="max-width:210px;">
							<option value="0">请选择酒店</option>
						</select>
					</div>
					<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2" style="margin-top:10px;">
						<button type="reset" class="btn btn-sm btn-default">重置</button>
						<button type="button" class="btn btn-sm btn-primary">更新</button>
					</div>
					<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2" style="margin-top:10px;">
						<label class="sethtml red"></label>
					</div>
				</div>
				<div class="col-xs-12">
					<div class="col-xs-12 col-sm-12" style="margin-bottom:10px;margin-left:-12px;margin-top:10px;">
						<form class="form-horizontal" role="form" action="" method="get">
							<input type="text" name="keywords" value="<?= $keywords ?>" placeholder="关键字:多个用‘英文逗号’隔开" class="col-xs-8 col-sm-5" data-rel="tooltip" title="关键字:多个用‘英文逗号’隔开">
							<button class="btn btn-info btn-sm" data-rel="tooltip" title="搜索"><i class="ace-icon fa fa-search"></i>search</button>
						</form>
					</div>
					<div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>酒店名称</th>
                                    <th>酒店编号</th>
                                    <th>图片标题</th>
                                    <th>图片地址</th>
                                    <th>缩略图</th>
                                    <th>更新时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>

                            <tbody>
                                <?
                                if($re){
                                foreach($re as $k=>$v){?>
                                <tr>
                                    <td><?= $v['hName'] ?></td>
                                    <td><?= $v['hid'] ?></td>
                                    <td><?= $v['title'] ?></td>
                                    <td><?= $v['url'] ?></td>
                                    <td><?= $v['surl'] ?></td>
									<td><?= $v['created'] ?></td>
									<td><button class="btn btn-info btn-xs pull-left" data-rel="tooltip" title="" onclick="pstpic('<?=$v['id']?>',this)" data-original-title="推送该图片">推送该图片</button></td>
                                </tr>
                                <?}
                                }
                                ?>
                            </tbody>
                        </table>
                    </div>
                    <?= $pageHtml ?>
				</div>
			</div>
		</div><!-- /.page-content-area -->
	</div><!-- /.page-content -->
</div><!-- /.main-content -->
<!-- inline scripts related to this page -->

<script type="text/javascript">
function search(){
	$.ajax({
        type:'post',
        url:"<?=$this->url('system/serachHotel')?>",
        data:"keyword="+$('input[name="keyword"]').val(),
        dataType:'json',
        success:function (r){
            if(r.state==1){
                $('select[name="hotel"]').html(r.html);
				gritter("gritter-success gritter-light",10000,"操作提示","搜索成功，请选择！");
            }else if(r.state==0){
                gritter("gritter-error gritter-light",10000,"操作提示",r.html);
            }
        },error:function(){
            gritter("gritter-error gritter-light",10000,"操作提示","网络错误！请联系我方工作人员。");
        }
    });
}
$("#getPictrure button.btn-primary").click(function(){
	if(confirm("更新时间较长，确认更新后，请勿刷新跳转到其它页面！")){
		$(this).html("更新中...").prop("disabled",true);
		$("#getPictrure label.sethtml").empty();
		$.ajax({
			type:'post',
			url:"<?=$this->url('hotelapi/getHotelImg@api')?>",
			data:"hid="+$('select[name="hotel"]').val(),
			dataType:'json',
			success:function (r){
				if(r.state==1){
					gritter("gritter-success gritter-light",10000,"操作提示",r.html);$("#getPictrure label.sethtml").html(r.html);
				}else if(r.state==0){
					gritter("gritter-error gritter-light",10000,"操作提示",r.html);$("#getPictrure label.sethtml").html(r.html);
				}
				$("#getPictrure button.btn-primary").html("更新").prop("disabled",false);
			},error:function(){
			   gritter("gritter-error gritter-light",10000,"操作提示","网络错误！请联系我方工作人员。");
			   $("#getPictrure label.sethtml").html("网络错误！请联系我方工作人员。");
			   $("#getPictrure button.btn-primary").html("更新").prop("disabled",false);
			}
		});
	}
})
function pstpic(kid,obj){
	if(confirm("推送时间较长，确认推送后，请勿刷新跳转到其它页面！")){
		$.ajax({
			type:'post',
			url:"<?=$this->url('newxHotel/imgs@api')?>",
			data:"kid="+kid,
			dataType:'json',
			timeout: 0,
			beforeSend:function(XMLHttpRequest){
				$(obj).html('推送中.......').prop("disabled",true);
			}, 
			success:function (r){
				if(r.state==1){
					gritter("gritter-success gritter-light",10000,"操作提示",r.html);
				}else if(r.state==0){
					gritter("gritter-error gritter-light",10000,"操作提示",r.html);
				}
				if(kid==0){$(obj).html('推送所有图片').prop("disabled",false);}
				else{$(obj).html('推送该图片').prop("disabled",false);}
			},error:function(){
				gritter("gritter-error gritter-light",10000,"操作提示","网络错误！请联系我方工作人员。");
				if(kid==0){$(obj).html('推送所有图片').prop("disabled",false);}
				else{$(obj).html('推送该图片').prop("disabled",false);}
			}
		});
	}
}
</script>